Page({
  data: {
    userInfo: {
      avatar: '/images/avatar.png',
      name: '爱学习的西西',
      location: '北京 · 六年级',
      coins: 23000,
      studyDays: 65
    },
    menuItems: [
      {
        id: 'footprint',
        icon: '/images/footprint.svg',
        title: '我的足迹',
        color: '#4285f4'
      },
      {
        id: 'download',
        icon: '/images/download.svg',
        title: '我的下载',
        color: '#ea4335'
      },
      {
        id: 'collection',
        icon: '/images/collection.svg',
        title: '我的收藏',
        color: '#fbbc04'
      },
      {
        id: 'questions',
        icon: '/images/questions.svg',
        title: '我的错题',
        color: '#9c27b0'
      },
      {
        id: 'message',
        icon: '/images/message-center.svg',
        title: '消息中心',
        color: '#00bcd4',
        badge: 1
      },
      {
        id: 'help',
        icon: '/images/help.svg',
        title: '帮助与反馈',
        color: '#ff9800'
      },
      {
        id: 'settings',
        icon: '/images/settings.svg',
        title: '账号设置',
        color: '#ff5722'
      }
    ]
  },

  onLoad: function (options) {
    console.log('个人中心页面加载');
  },

  onShow: function () {
    console.log('个人中心页面显示');
  },

  // 点击菜单项
  onMenuTap: function(e) {
    const itemId = e.currentTarget.dataset.id;
    console.log('点击菜单项:', itemId);
    
    switch(itemId) {
      case 'message':
        wx.navigateTo({
          url: '/pages/message/message'
        });
        break;
      case 'footprint':
        wx.showToast({
          title: '功能开发中',
          icon: 'none'
        });
        break;
      case 'download':
        wx.showToast({
          title: '功能开发中',
          icon: 'none'
        });
        break;
      case 'collection':
        wx.showToast({
          title: '功能开发中',
          icon: 'none'
        });
        break;
      case 'questions':
        wx.showToast({
          title: '功能开发中',
          icon: 'none'
        });
        break;
      case 'help':
        wx.showToast({
          title: '功能开发中',
          icon: 'none'
        });
        break;
      case 'settings':
        wx.showToast({
          title: '功能开发中',
          icon: 'none'
        });
        break;
      default:
        console.log('未知菜单项');
    }
  },

  // 编辑个人信息
  onEditProfile: function() {
    wx.showToast({
      title: '编辑功能开发中',
      icon: 'none'
    });
  },

  // 全局导航栏导航事件
  onNavigate: function(e) {
    const page = e.detail.page;
    console.log('导航到页面:', page);
    
    // 这里可以添加页面特定的导航逻辑
    // 组件内部已经处理了页面跳转
  },

  // 底部导航栏点击事件
  onTabTap: function(e) {
    const index = parseInt(e.currentTarget.dataset.index);
    console.log('点击底部导航:', index);
    
    switch(index) {
      case 0:
        // 首页
        if (typeof wx !== 'undefined' && wx.navigateTo) {
          wx.navigateTo({
            url: '/pages/index/index'
          });
        } else {
          window.location.href = '/pages/index/index.wxml';
        }
        break;
      case 1:
        // 消息页面
        if (typeof wx !== 'undefined' && wx.navigateTo) {
          wx.navigateTo({
            url: '/pages/message/message'
          });
        } else {
          window.location.href = '/pages/message/message.wxml';
        }
        break;
      case 2:
        // 排行榜页面
        if (typeof wx !== 'undefined' && wx.navigateTo) {
          wx.navigateTo({
            url: '/pages/ranking/ranking'
          });
        } else {
          window.location.href = '/pages/ranking/ranking.wxml';
        }
        break;
      case 3:
        // 个人中心页面，不需要跳转
        break;
      default:
        console.log('未知导航项');
    }
  }
});